/* 定义css3前缀*/
@mixin display-flex {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@mixin flex-center($flex-direction:column,$align-items:center,$justify-content: center) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: $flex-direction;
  flex-direction: $flex-direction;
  -webkit-box-pack: $justify-content;
  -ms-flex-pack: $justify-content;
  justify-content: $justify-content;
  -webkit-box-align: $align-items;
  -ms-flex-align: $align-items;
  align-items: $align-items;
}

.activityConsule {
  background: #fff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  .activity-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }

  .activity-content{
    max-width: 980px;
    overflow: hidden;
    margin: 80px auto 0;
    .activity_top{
      height:550px;
      overflow: hidden;
      margin: 0 auto 76px;
      //新闻列表
      .activity_news{
        overflow: hidden;
        width:316px;
        float: left;
        position: relative;
       height:550px;
        .more{
          display: block;
          height: 30px;
          width: 100px;
          border-radius: 44px;
          border: 2px solid #ADADAD;
          position: absolute;
          left:0px;
          bottom: 0px;
          color: #ADADAD;
          font-size:12px;
          text-align: center;
          line-height: 26px;
          margin-top: 42px;
          &:hover,&:visited,&:focus,&:active{
            color: #B67233;
            border: 2px solid #B67233;
          }
        }
        h3{
          height:40px;
          width:288px;
          font-size:20px;
          text-align: center;
          line-height: 40px;
          background: #B67233;
          color: #ffffff;
        }
        .news_img{
          width:288px;
          height:200px;
          overflow: hidden;
          img{
            width:100%;
            height:100%;
          }
        }
        .news_list{
          width:288px;
          height:auto;
          list-style: none;
          li{
            height: 40px;
            color: #333333;
            font-size:16px;
            list-style: none;
            cursor: pointer;
            line-height: 40px;
            .newsHover{
              color: #333;
            }
            span{
              display: inline-block;
              width:8px;
              height: 8px;
              border-radius: 50%;
              background: #333333;
              margin-right: 10px;
              margin-top: -6px;
            }
            &:hover,&:visited,&:focus,&:active{
              color: #B67233;
            }
            &:hover> span ,&:visited>span,&:focus>span,&:active>span {
              background: #B67233;
            //  background: #B67233;
              //border-color: #B67233;
            }
            &:hover> .newsHover ,&:visited>.newsHover,&:focus>.newsHover,&:active>.newsHover {
              color: #B67233;
              //  background: #B67233;
              //border-color: #B67233;
            }
          }
        }
      }
      .activity_recruit{
        width:348px;
        overflow: hidden;

        border-left:1px solid #A2764B;
        border-right:1px solid #A2764B;
        h3{
          margin: 0 auto;
        }
        .news_img{
          margin:0 auto;
        }
        .news_list{
          margin:0 auto;
        }
        .more{
          margin-left: 28px;
        }
      }
      .activity_know{
        width:288px;
        overflow: hidden;
        margin-left:28px;
      }
    }
    .activity_bottom{
      max-width: 980px;
      overflow: hidden;
      margin: 0 auto 116px;
      height:440px;
      h3{
        height:40px;
        width:980px;
        font-size:20px;
        text-align: center;
        line-height: 40px;
        background: #B67233;
        color: #ffffff;
      }
      .activity_motherCourse{
       // border:1px solid #e9e9e9;
        height:400px;
        overflow: hidden;
        position: relative;
        .course_img{
          height:400px;
          img{
            width:100%;
            height:100%;
          }
        }
        span{
          position: absolute;
          right:10px;
          bottom:54px;
          font-size:35px;
          color: yellow;
          z-index: 99;
        }
      }
    }
  }
}
